<%@include file="_header.jsp"%>

<title>${inhoud.selfTestTitle}</title>
</head>
<body>

    <%@include file="_menu.jsp"%>

    <div class="wrappermain">


        <div class="digitalclass">
            <div id="subheader"> <div id="bar-textcontent">${inhoud.selfTestTitle}</div> </div>


                <div class="main-digital">
                <div class="selftestwrapper">

                <c:forEach var="tempvraag" items="${vragen}">
                    <table>
                        <tr><td>${tempvraag.vraagstelling}</td></tr>
                        <tr><td><input type="radio" name="antwoord-${tempvraag.vraagid}" value="A"> ${tempvraag.antwoord_A}</td></tr>
                        <tr><td><input type="radio" name="antwoord-${tempvraag.vraagid}" value="B"> ${tempvraag.antwoord_B}</td></tr>
                        <tr><td><input type="radio" name="antwoord-${tempvraag.vraagid}" value="C"> ${tempvraag.antwoord_C}</td></tr>
                        <tr><td><input type="radio" name="antwoord-${tempvraag.vraagid}" value="D"> ${tempvraag.antwoord_D}</td></tr>
                        <tr><td><div id="toggleText2${tempvraag.vraagid}" style="display: block">
                                    <br>
                                </div>
                            </td>
                        </tr>
                        <tr><td><div id="toggleText${tempvraag.vraagid}" style="display: none">
                                    ${inhoud.selfTestT}: ${tempvraag.juiste_antwoord}
                                </div></td></tr>
                        <tr><td><input type="button" value="show" onclick="javascript:toggle('toggleText${tempvraag.vraagid}'); javascript:toggle('toggleText2${tempvraag.vraagid}');"></td>
                        </tr>

                    </table>
                    <br>
                </c:forEach>
                 </div>       
            </div>
        </div>
    </div>
</body>
</html>
